<template>
  <el-card class="footer_fields_card" shadow="never">
    <el-row>
      <span v-for="item in itemList" :key="item.prop">
        {{ item.label }}：
        <span>{{ dataSource[item.prop] || '' }}</span>
      </span>
    </el-row>
  </el-card>
</template>
<script>
export default {
  props: {
    itemList: {
      type: Array,
      default: () => [
        { prop: 'operName', label: '提交人' },
        { prop: 'opeTime', label: '提交时间' },
        { prop: 'operDeptName', label: '提交部门' }
      ]
    },
    dataSource: {
      type: Object,
      default: () => {}
    }
  }
}
</script>
<style lang="less" scoped>
.footer_fields_card {
  margin-top: 10px;
  span {
    display: inline-block;
    margin-right: 30px;
  }
}
</style>
